@font-face {
  font-family: "iconfont";
  /* Project id 3882199 */
  src: url('../font/iconfont.woff2?t=1675668412126') format('woff2'),
      url('../font/iconfont.woff?t=1675668412126') format('woff'),
      url('../font/iconfont.ttf?t=1675668412126') format('truetype');
}

a {
  text-decoration: none;
  color: #333;
}
.top-con li a:hover {
  color: #ff7200;
}

h2 {
  font-weight: 400;
}

.tc {
  text-align: center;
}

.navigation {
  list-style: none;
}

.w1100 {
  width: 1100px;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.c236 {
  color: rgb(235, 235, 236);
}

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.cff7 {
  color: #ff7200;
}

.cfff {
  color: #fff;
}

.bgcf9 {
  background-color: #f9f9fa;
}

.mb95 {
  margin-bottom: 95px;
}

.mb23 {
  margin-bottom: 23px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb48 {
  margin-bottom: 48px;
}

.fw400 {
  font-weight: 400;
}

.center {
  text-align: center;
}

.fz22 {
  font-size: 22px;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.fz20 {
  font-size: 20px;
}

.fz30 {
  font-size: 30px;
}

.lh24 {
  line-height: 24px;
}

.fz40 {
  font-size: 40px;
}

.lh60 {
  line-height: 60px;
}

.lh44 {
  line-height: 44px;
}

.f8 {
  background-color: #f8f8f8;
}

.bcfc {
  background-color: #fcfcfc;
}

.f255 {
  background-color: rgb(255, 255, 255);
}

.c175 {
  color: rgb(174, 174, 175);
}

.pl25 {
  padding-left: 25px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb130 {
  margin-bottom: 130px;
}


a {
  text-decoration: none;
  color: #333;
}

h2 {
  font-weight: 400;
}

.tc {
  text-align: center;
}

.navigation {
  list-style: none;
}

.w1100 {
  width: 1100px;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.c236 {
  color: rgb(235, 235, 236);
}

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.cff7 {
  color: #ff7200;
}

.cfff {
  color: #fff;
}

.bgcf9 {
  background-color: #f9f9fa;
}

.mb95 {
  margin-bottom: 95px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb48 {
  margin-bottom: 48px;
}

.fw400 {
  font-weight: 400;
}

.center {
  text-align: center;
}

.fz22 {
  font-size: 22px;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.fz20 {
  font-size: 20px;
}

.fz30 {
  font-size: 30px;
}

.lh24 {
  line-height: 24px;
}

.fz40 {
  font-size: 40px;
}

.lh60 {
  line-height: 60px;
}

.f8 {
  background-color: #f8f8f8;
}

.f255 {
  background-color: rgb(255, 255, 255);
}

.c175 {
  color: rgb(174, 174, 175);
}

.pl25 {
  padding-left: 25px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb130 {
  margin-bottom: 130px;
}

a {
  text-decoration: none;
  color: #333;
}

h2 {
  font-weight: 400;
}

.tc {
  text-align: center;
}

.navigation {
  list-style: none;
}

.w1100 {
  width: 1100px;
}

.w1200 {
  width: 1200px;
  margin: 0 auto;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.c236 {
  color: rgb(235, 235, 236);
}

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.cff7 {
  color: #ff7200;
}

.cfff {
  color: #fff;
}

.bgcf9 {
  background-color: #f9f9fa;
}

.mb95 {
  margin-bottom: 95px;
}

.mb23 {
  margin-bottom: 23px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb48 {
  margin-bottom: 48px;
}

.fw400 {
  font-weight: 400;
}

.center {
  text-align: center;
}

.fz22 {
  font-size: 22px;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.fz20 {
  font-size: 20px;
}

.fz30 {
  font-size: 30px;
}

.lh24 {
  line-height: 24px;
}

.fz40 {
  font-size: 40px;
}

.lh60 {
  line-height: 60px;
}

.lh44 {
  line-height: 44px;
}

.f8 {
  background-color: #f8f8f8;
}

.bcfc {
  background-color: #fcfcfc;
}

.f255 {
  background-color: rgb(255, 255, 255);
}

.c175 {
  color: rgb(174, 174, 175);
}

.pl25 {
  padding-left: 25px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb130 {
  margin-bottom: 130px;
}


  
a {
  text-decoration: none;
  color: #333;
}

h2 {
  font-weight: 400;
}

.tc {
  text-align: center;
}

.navigation {
  list-style: none;
}

.w1100 {
  width: 1100px;
}

.w1199 {
  width: 1199px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.c236 {
  color: rgb(235, 235, 236);
}

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.cff7 {
  color: #ff7200;
}

.cfff {
  color: #fff;
}

.mb {
  margin-bottom: 95px;
}

.fz22 {
  font-size: 22px;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.fz20 {
  font-size: 20px;
}

.lh24 {
  line-height: 24px;
}

.fz40 {
  font-size: 40px;
}

.lh60 {
  line-height: 60px;
}

.f8 {
  background-color: #f8f8f8;
}

.f255 {
  background-color: rgb(255, 255, 255);
}

.c175 {
  color: rgb(174, 174, 175);
}

.pl25 {
  padding-left: 25px;
}

.mb52 {
  margin-bottom: 52px;
}

.tl {
  text-align: left;
}

  
a {
  text-decoration: none;
  color: #333;
}

ul {
  list-style: none;
}

h2 {
  font-weight: 400;
}

.tc {
  text-align: center;
}

.navigation {
  list-style: none;
}

.w1100 {
  width: 1100px;
}

.w1199 {
  width: 1199px;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.fw400 {
  font-weight: normal;
}

.mb18 {
  margin-bottom: 18px;
}

.c236 {
  color: rgb(235, 235, 236);
}

.c333 {
  color: #333;
}

.w920 {
  width: 920px;
  margin: 0 auto;
}

.c666 {
  color: #666;
}

.cff7 {
  color: #ff7200;
}

.cfff {
  color: #fff;
}

.mb {
  margin-bottom: 95px;
}

.fz22 {
  font-size: 22px;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.fz20 {
  font-size: 20px;
}

.fz30 {
  font-size: 30px;
}

.lh24 {
  line-height: 24px;
}

.fz40 {
  font-size: 40px;
}

.fz44 {
  font-size: 44px;
}

.lh60 {
  line-height: 60px;
}

.f8 {
  background-color: #f8f8f8;
}

.lh36 {
  line-height: 36px;
}

.mt30 {
  margin-top: 30px;
}

.f255 {
  background-color: rgb(255, 255, 255);
}

.c175 {
  color: rgb(174, 174, 175);
}

.pl25 {
  padding-left: 25px;
}

.mb52 {
  margin-bottom: 52px;
}

a {
  text-decoration: none;
  color: #333;
}

h2 {
  font-weight: 400;
}

.tc {
  text-align: center;
}

.navigation {
  list-style: none;
}

.w1100 {
  width: 1100px;
  margin: 0 auto;
}

.w1160 {
  width: 1160px;
  margin: 0 auto;

}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.c8 {
  color: #c8c8c8;
}

.c333 {
  color: #333;
}

.c666 {
  color: #666;
}

.cff7 {
  color: #ff7200;
}

.cfff {
  color: #fff;
}

.fw400 {
  font-weight: normal;
}

.w622 {
  width: 622px;
}

.mb32 {
  margin-bottom: 32px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb98 {
  margin-bottom: 98px;
}

.fz22 {
  font-size: 22px;
}

.fz18 {
  font-size: 18px;
}

.fz14 {
  font-size: 14px;
}

.fz12 {
  font-size: 12px;
}

.fz20 {
  font-size: 20px;
}

.lh24 {
  line-height: 24px;
}

.fz40 {
  font-size: 40px;
}

.c236 {
  color: rgb(235, 235, 236);
}

.fz48 {
  font-size: 48px;
}

.lh60 {
  line-height: 60px;
}

.f8 {
  background-color: #f8f8f8;
}

.f255 {
  background-color: rgb(255, 255, 255);
}

.c175 {
  color: rgb(174, 174, 175);
}

.pl25 {
  padding-left: 25px;
}

.mb52 {
  margin-bottom: 52px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb166 {
  margin-bottom: 166px;
}

.mb148 {
  margin-bottom: 148px;
}

.mb25 {
  margin-bottom: 25px;
}

* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.flex-center {
  justify-content: center;
  align-items: center;
}

.flex-around {
  justify-content: space-around;
}

.flex-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

.clearfix {
  zoom: 1;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}


.top-con {
  margin: 0 auto;
  line-height: 80px;
}

.top-con li {
  float: right;
  padding: 0 22px;
}

.top-con li a:hover {
  color: #ff7200;
}

.icon-font {
  position: relative;
}

.footer {
  box-sizing: border-box;
  background-color: rgb(34, 33, 47);
  height: 382px;
  padding-top: 36px;
}

.footer .footer-con {
  border-bottom: 1px solid rgb(76, 79, 95);
  padding-bottom: 20px;
}

.footer .con-serve {
  position: relative;
  width: 351px;
  height: 242px;
  align-items: center;
  border-right: 1px solid rgb(76, 79, 95);
}

.footer .con-serve:after {
  position: absolute;
  content: "";
  top: 4px;
  left: 66px;
  width: 43px;
  height: 43px;
  background: url(../images/Customer.png) no-repeat center/cover;
}

.footer .con-serve .con-tel {
  text-align: right;
  padding-left: 30px;
}

.footer .con-cor {
  flex-grow: 1;
}

.footer .con-cor dt {
  margin-bottom: 42px;
}

.footer .con-cor dd {
  margin-bottom: 20px;
  font-size: 14px;
}

.footer .con-cor a {
  color: rgb(175, 175, 175);
}

.footer .logotype {
  color: #7e8088;
  font-size: 14px;
  padding: 21px 0 25px;
}
